<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>

        //支持unicode编码
        console.log("\u0061");
        console.log("\u0062");

        //字符串遍历器接口
        //for...of,类似于python里的for in
        var str = "hello";
        for(i of str){
            console.log(i);
        }

        //模板字符串，用反引号标识（`），可以定义多行字符串，也可以嵌入变量

        //动态创建一个a标签，a标签的href属性也是动态的
        var href = "https://itbaizhan.com";
        var text = "百战"

        //向页面动态写入标签的时候， 标签的数据一般来自于服务器、
        var itbaizhan = "<a href='"+ href +"'>"+ text +"</a>";
        console.log(itbaizhan);

        //使用模板字符串，更清晰，类似于python的占位符
        var itbaizhan1 = `<a href="${href}">${text}</a>`;
        console.log(itbaizhan1);
        
        
        

    </script>

</body>
</html>